<template>
  <div class="title-bar">
    <span>{{ txt }}</span>
  </div>
</template>

<script>
export default {
  props: {
    txt: {
      type: String,
      default: ''
    }
  }
}

</script>
<style lang='scss' scoped>

.title-bar {
  height: 40px;
  line-height: 40px;
  span {
    font-weight: bold;
    position: relative;
    &:before {
      content: '';
      position: absolute;
      top: 10px;
      left: -45px;
      width: 30px;
      border-top: 1px solid #333;
      transform: scaleY(0.5);
    }
    &:after {
      content: '';
      position: absolute;
      top: 10px;
      right: -45px;
      width: 30px;
      border-top: 1px solid #333;
      transform: scaleY(0.5);
    }
  }
  
}
</style>